<!DOCTYPE html>
<!-- <html lang="en"> -->
<!-- <html lang="<?php // bloginfo('language'); ?>"> -->
<!-- https://codex.wordpress.org/Function_Reference/language_attributes -->
<html <?php language_attributes(); ?>>

<head>
  <!-- <meta charset="UTF-8"> -->
  <meta charset="<?php bloginfo('charset'); ?>">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <!-- https://developer.wordpress.org/reference/functions/bloginfo/#possible-values-for-show -->
  <title><?php bloginfo('name'); ?> <?php wp_title('|'); ?></title>
  <meta name="description" content="<?php bloginfo('description'); ?>">
  <?php wp_head(); ?>

</head>
<body <?php body_class() ?>>


<header>
  <div class="barra-topo">
    <div class="container"> 
      <div class="row">
        <div class="redes-sociais col-md-9 col-sm-7 col-xs-6">
          <?php if(is_active_sidebar('redes-sociais')) {
                  dynamic_sidebar('redes-sociais');
                };?>
        </div>
        <div class="pesquisa col-md-3 col-sm-5 col-xs-6 text-right">

          <?php get_search_form(); ?>
                  
        </div>
      </div>
    </div>
  </div>
  
  <div class="area-menu">
    <div class="container">
      <div class="row">
        <div class="logo col-md-2 col-sm-2 col-xs-12 text-center">
          <?php 
              if ( function_exists( 'the_custom_logo' ) ) {
                      the_custom_logo();
                  }
          ?>


        </div>
        <div class="menu-principal col-md-10 col-sm-10 text-right">
          <?php  wp_nav_menu(
            array( 'theme_location' => 'meu_menu_pricipal')
          );?>
        </div>    
      </div>
    </div>


  </div>
</header>